@font-face {
  font-family: 'Ubuntu';
	src: url(../font/ubuntu.ttf);
}
*{
	margin:0;
	padding:0;	
}*::selection{
	color:#111;
	background:#fff;
}
body{
	font-family:'Ubuntu';
	color:#fff;
	background-color:#111;
}
a{
	color:#ffc;
	text-decoration:underline;
}a:hover{
	text-decoration:none;
}
hr {
	background:#333;
	border:none;
	height:3px;
	transition:all 1s;
}
nav{
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
	width:100%;
}
main{
	display:flex;
	justify-content:center;
	align-items:center;
	height:300px;
	width:100%;
}
.box-container{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction:column;
	height:200px;
	width:80vw;
	background-color:#222;
	border-radius:10px;
}
input{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction:column;
	height:40px;
	width:40vw;
	font-family:'Ubuntu';
	font-size:15px;
	color:#fff;
	background-color:#444;
	border-radius:0px;
	border:none;
}
button{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-direction:column;
	height:40px;
	width:40vw;
	font-family:'Ubuntu';
	font-size:15px;
	color:#333;
	background-color:#ffc;
	border-radius:10px;
	border:none;
	text-decoration:underline;
	transition:all 1s;
}button:hover{
	height:20px;
	width:40vw;
	color:#ffc;
	background-color:#333;
	border-radius:5px;
	margin-top:10px;
	margin-bottom:10px;
	transition:all 1s;
	cursor:pointer;
	text-decoration:none;	
	transition:all 1s;
}
footer{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	height:50px;
	width:100%;
}
